<template>
    <div class="bodybox">
        <div id="lmn3">
            <div class="livebigbox" style="background: none;">
                <div class="mods wp">
                    <div class="mod_top_nav">
                        <h2>PPT模块</h2>
                        <!--<el-checkbox @change="getToday" v-model="isToday" style="color: #3b8efa;font-weight: bolder;"  :true-label="1" :false-label="2" >
                          <span style="font-size: 16px">只看今日更新
                            <span style="color: black;font-size: 15px;margin-left: 10px;font-weight:500;" >今日已更新
                              <span style="color: red;font-weight:500">{{ homeData.todayCount }}</span>
                              份精品资料，每天都有新内容</span>
                          </span>
                      </el-checkbox>-->

                        <div class="right_nav pts15">
                            <cite>/</cite>
                            <router-link target="_blank" tag="a" to="/list/39"><i></i> 查看更多</router-link>
                            <cite>/</cite>
                        </div>
                        <div class="top_nav_breadcrumb">

                        </div>
                    </div>

                    <div class="mod_list keke_doc_clearfix">
                        <a v-for="(ppt,index) in pptRecords" class="course-mod" :key="index"
                           style="width: 200px;height: 200px">
                            <router-link :title="ppt.title" target="_blank" tag="a" :to="'/detail/'+ppt.id">
                                <div class="mod_content keke_doc_clearfix" style="padding: 0px;">
                                    <span v-if="ppt.has_word" class="icomarkers actives">含WORD讲稿</span>
                                    <div class="mod_content_top" style="height: 105.86px;">
                                        <img :src="host+ppt.cover">
                                    </div>
                                    <div class="mod_content_center"
                                         style="padding: 0 10px;-o-text-overflow: ellipsis;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;">
                                        {{ ppt.title }}
                                    </div>
                                    <div class="mod_bottom keke_doc_clearfix" style="padding: 0 10px 10px;">
                                        <div class="doc_price" style="color: #9b9ea0;"><span class="active"
                                                                                             style="margin-right: 10px;">
                                            ¥{{ ppt.price }}
                                        </span><span class="myfont mgl5"></span>{{ ppt.publish_at }}
                                        </div>
                                        <div class="mod_bottom_detail-info" style="color: #1AA97B">会员免费</div>
                                    </div>

                                    <div class="viewbtn">
                                        <span class="actives">查看详情</span>
                                    </div>
                                </div>
                            </router-link>
                        </a>
                    </div>
                </div>
            </div>
        </div>
        <div class="wp" style="margin-top:30px;">
            <router-link style="position: relative" class="actives" to="/">
                <img  src="/static/picture/bar2.png">
                <!--bar2.png中的二维码是如来网的，使用了相对位移用池塘边素材的客服二维码“盖”住了-->
                <img style="width: 140px;height: 130px;position: absolute;top:-130px;right: 87px" src="/static/picture/ctnsc-kefu.png">
            </router-link>
        </div>
    </div>
</template>

<script>
export default {
    name: "PPTPart",
    props:{
        pptRecords:{
            type:Array,
            required:true,
            default:()=>{return []}
        }
    },
    data(){
        return{
            host: process.env.VUE_APP_API_HOST,
        }
    }

}
</script>



<style scoped>

</style>
